<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jq/jquery1.9/jquery-1.9.0.js"></script>
    <script>

        //原始的js
        // window.onload = function () {
            // var mydiv = document.getElementById("mydiv");
            // mydiv.style.color = "red";
            // mydiv.style.fontSize = "20px";
        // };


        // $(选择器).css("样式名","样式值");
        // console.log($);

        //使用jQuery
        // $(document).ready(函数)：文档就绪方法，表示当页面加载后只需参数中的函数，作用类似于window.onload,可以简写为:$(函数)：$(function(){})
        // $(document).ready(function(){
        //     $("div").css("color","purple");
        //     $("div").css("background","yellow");
        // });

        // $(function(){
        //     $("div").css("color","purple");
        //     $("div").css("background","yellow");
        // });

        /* window.onload和$(function(){})之间的区别 
            1.个数不同
            2.执行时机不一样
            3.是否可以简写
        
        
        */



        window.onload=function(){
            console.log(111);
        
        };
        window.onload=function(){
            console.log(222);
        
        };

        $(function(){
            console.log(333);
        });
        $(function(){
            console.log(444);
        });
    </script>
</head>

<body>
    <div id="mydiv">mydiv</div>
</body>

</html>